import { Modal } from 'antd';

interface Iprops {
  isShowCheckVideoModal: (show: boolean) => void;
  checkVideo: boolean;
  videoUrl: string;
  //   actionRef: React.MutableRefObject<ActionType | undefined>;
}

const Video = (props: Iprops) => {
  const { isShowCheckVideoModal, checkVideo, videoUrl } = props;
  return (
    <Modal
      title=""
      open={checkVideo}
      centered
      onCancel={() => isShowCheckVideoModal(false)}
      destroyOnClose={true}
      footer={null}
      closable={true}
      maskClosable={false}
      width={800}
    >
      <div
        style={{
          paddingTop: '18px',
        }}
      >
        <video id="video" width="100%" height="100%" controls={true} src={videoUrl}></video>
      </div>
    </Modal>
  );
};
export default Video;
